<template>
	<view>
		<view style="height: 30rpx;"></view>
		<view>
			<view style="
				position: relative;
				font-weight: bold;
				margin-left: 50%;
				transform: translateX(-50%);
				width: 700rpx;
				font-size: 30rpx;
				padding: 20rpx;
				border-radius: 20rpx;
				box-sizing: border-box;
				box-shadow: 0 0 10rpx rgba(118,118,118,.4);
				background-color: #FFFFFF;">
				<view>
					<view>
						<view style="
							display: inline-block;
							width: 20rpx;
							height: 20rpx;
							border: 3rpx solid gray;
							border-radius: 55%;
							margin-right: 10rpx;
							">

						</view>
						<text style="margin-right: 20rpx;">天籁KTV</text>
						<text style="
							font-size: 18rpx;
							border: 2rpx solid gray;
							border-radius: 20rpx;
							padding: 5rpx;
							color: gray;
							">到店使用</text>

						<view style="height: 20rpx;"></view>
						<view style="font-weight: lighter;">
							<image style="
								width: 150rpx;
								height: 150rpx;
								border-radius: 20rpx;" src="../../static/1.jpg"
							 mode="aspectFill"></image>
							<view style="
								position: absolute;
								left: 190rpx;
								height: 170rpx;
								width: 400rpx;display: inline-block;">
								<view>下午畅想包

								</view>
								<view style="color: rgba(118,118,118,.7);font-size: 25rpx;">周一至周日，免预约</view>
								<view>

									<view style="
										bottom: 20rpx;
										font-size: 35rpx;
										position: absolute;color: red;font-weight: bold;">
										<text style="margin-right: 10rpx;">¥188</text>
										<text
											style="font-weight: lighter;color: gray;text-decoration:line-through
"
										>¥288</text>
									</view>

								</view>
							</view>

							<view style="position: absolute;right: 20rpx;bottom: 20rpx;color: #999999;">
								<u-icon name="minus-circle-fill"></u-icon>
								<text style="padding: 0 20rpx 0 20rpx;">1</text>
								<u-icon name="plus-circle-fill"></u-icon>
							</view>
						</view>

					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	page {
	}
</style>
